<template>
  <div class="home">
    <HomeLeft class="home-left"></HomeLeft>
    <HomeMain class="home-main"></HomeMain>
    <HomeRight class="home-right"></HomeRight>
  </div>
</template>
<script>
import HomeLeft from "./components/home-left.vue";
import HomeMain from "./components/home-main/index.vue";
import HomeRight from "./components/home-right/index.vue";

export default {
  name: "Home",
  components: {
    HomeLeft,
    HomeMain,
    HomeRight,
  },
};
</script>
<style lang="scss" scoped>
.home {
  height: 100%;
  padding-top: 44px;
  display: flex;

  .home-left {
    width: 395px;
    height: 100%;
  }

  .home-main {
    flex: 1;
    height: 100%;
    min-width: 0;
  }

  .home-right {
    width: 395px;
    height: 100%;
  }
}
</style>
